<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		.box {
		    width:50px;
		    height:50px;
		    border-radius:6px;
		    margin-top:4px;
		    display:inline-block
		  }
		.green{
		    background-color:#6fb936;
		  }
		  .orange {
		      background-color: #f38630;
		  }
		  .grey {
		      background-color: #989898;
		  }
	</style>
</head>
<body>
	
	<div class="wrapper">
	  <div class="box green"></div>
	  <div class="box orange"></div>
	  <div class="box grey"></div>
	</div>
	
	<script src="TweenMax.min.js"></script>
	<script>
		var myTween = TweenMax.to(".box", 1, {
		  x: function(index, target) {
		    console.log(index, target);
		    return (index + 1) * 100 // 100, 200, 300
		  }
		})
	</script>
</body>
</html>